<template>
	
	<view class="chat-input u-f-ac" >
		<input class="chat-input-text" v-model="inputtexe" type="text" value="" placeholder="文明发言" />
		
		<u-icon @tap="submit" class="chat-input-ico" size="40" name="arrow-rightward"></u-icon>
	</view>
</template>

<script>
	export default{
		data() {
			return {
				inputtexe:this.text
			}
		},
		props:{
			text:String
		},
		methods:{
			submit(){
				this.$emit('submit',this.inputtexe)
				this.inputtexe=''
			}
		}
	}
</script>

<style scoped>
	.chat-input-text{
			background-color: #F7F7F7;
			color: #8E8E8E;
			border-radius: 10upx;
			padding: 0 20upx;
			margin-left: 20upx;
			width: 600upx;
			height: 60upx;
			margin-right: 30upx;
		}
	.chat-input{
		border-top: #EEEEEE 1upx solid;
		height: 120upx;
		position: fixed;
		
		left: 0upx;
		bottom: 0upx;
		right: 0upx;
		background-color: #FFFFFF;
		
	}
	.chat-input-ico{
		flex: 1;
		
	}
</style>
